@import "../_color/color_var.scss";

@mixin compatiblePrefix ($args:scale(20) translateY(-10px) rotate(30deg)) {
    -webkit-transform: $args;
    -ms-transform: $args;
    -o-transform: $args;
    -moz-transform: $args;
    transform: $args;
}

@mixin position_center {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

@mixin font_toolbar {
    font-size: $fontSize_foot;
    color: $color_toolbar;

}

@mixin font_nav_main {
    font-size: $fontSize_nav;
    color: $color_toolbar;
}

@mixin font_nav_left {
    font-size: $fontSize_nav;
    color: $color_nav_left;
}

@mixin font_head_h2 {
    font-size: $fontSize_h2;
    color: $color_toolbar;
}
@mixin font_head_h3{
    font-size: $fontSize_h3;
    color: $color_h3;
}
@mixin font_productTitle {
    font-size: $fontSize_h2;
    color: $color_toolbar;
}

@mixin font_productPrice_now {
    font-size: $fontSize_price_now;
    color: $color_price_now;
}

@mixin font_productPrice_old {
    font-size: $fontSize_price_old;
    color: $color_h3;
}

@mixin font_productAddress {
    font-size: $fontSize_nomal;
    color: $color_h3;
}
@mixin font_foot_head {
      font-size: $fontSize_nav;
      font-weight: bold;
      color: $color_nomal;
  }
  
@mixin font_foot_link {
    font-size: $fontSize_nomal;
    color: $color_nomal;
}

@mixin font_foot_friendLink {
    font-size: $fontSize_foot;
    color: $color_link;
}
@mixin font_foot_erweima {
      font-size: $fontSize_nav;
      color: $color_nomal;
  }
@mixin font_foot_company {
    font-size: $fontSize_foot;
    color: $color_company;
}

@mixin font_foot_date {
    font-size: $fontSize_foot;
    color: $color_date;
}
@mixin font_foot_copyright{
    font-size: $fontSize_nomal;
    color: $color_h3;
}
@mixin layout_nav {
    li {
        float: left;
        text-align: center;
        // margin: 5px 10px;
    }
    a {
        line-height: 1em;
        height: 1em;
        display: inline-block;
        padding: 0 10px;
        @include font_toolbar;
    }
}
